a { text-decoration: none; }

#app .main-container { min-height: 100%; -webkit-transition: margin-left .28s; -o-transition: margin-left .28s; transition: margin-left .28s; position: relative; min-height: 100vh; }

#app .main-container .el-container { height: 100vh; }

#app .el-aside { -webkit-transition: width 0.28s; -o-transition: width 0.28s; transition: width 0.28s; width: 210px !important; height: 100%; overflow: hidden; }

[data-theme="theme1"] #app .el-aside { background-color: #304156; }

[data-theme="theme2"] #app .el-aside { background-color: #c5b907; }

[data-theme="theme3"] #app .el-aside { background-color: #030e61; }

[data-theme="theme4"] #app .el-aside { background-color: #863803; }

#app .el-aside .logo { height: 50px; line-height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; text-decoration: none; padding: 0 10px; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }

[data-theme="theme1"] #app .el-aside .logo { color: #dfdddd; }

[data-theme="theme2"] #app .el-aside .logo { color: #dfdddd; }

[data-theme="theme3"] #app .el-aside .logo { color: #dfdddd; }

[data-theme="theme4"] #app .el-aside .logo { color: #dfdddd; }

#app .el-aside .logo img { width: auto; height: 30px; margin-top: 10px; }

#app .el-aside .logo span { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; padding: 0 20px 0 10px; }

#app .el-aside .el-menu-vertical-demo { background: none; border: none; }

#app .main-container.hideSidebar .el-aside { width: 64px !important; }

#app .main-container.hideSidebar .el-aside .el-submenu__icon-arrow { display: none; }

#app .main-container.mobile .el-aside { width: 0px !important; }

#app .openSidebar.mobile .el-aside { display: block; position: fixed; top: 0; left: 0; width: 210px !important; z-index: 10001; }

#app .openSidebar.mobile .drawer-bg { width: 100%; height: 100%; display: block; top: 0; left: 0; position: absolute; z-index: 1000; background: rgba(0, 0, 0, 0.5); }

[data-theme="theme1"] .el-menu { background-color: #304156; }

[data-theme="theme2"] .el-menu { background-color: #c5b907; }

[data-theme="theme3"] .el-menu { background-color: #030e61; }

[data-theme="theme4"] .el-menu { background-color: #863803; }

[data-theme="theme1"] .el-menu { color: #dfdddd; }

[data-theme="theme2"] .el-menu { color: #dfdddd; }

[data-theme="theme3"] .el-menu { color: #dfdddd; }

[data-theme="theme4"] .el-menu { color: #dfdddd; }

[data-theme="theme1"] .el-menu .el-menu-item, [data-theme="theme1"] .el-menu .el-submenu__title, [data-theme="theme1"] .el-menu i { color: #dfdddd; }

[data-theme="theme2"] .el-menu .el-menu-item, [data-theme="theme2"] .el-menu .el-submenu__title, [data-theme="theme2"] .el-menu i { color: #dfdddd; }

[data-theme="theme3"] .el-menu .el-menu-item, [data-theme="theme3"] .el-menu .el-submenu__title, [data-theme="theme3"] .el-menu i { color: #dfdddd; }

[data-theme="theme4"] .el-menu .el-menu-item, [data-theme="theme4"] .el-menu .el-submenu__title, [data-theme="theme4"] .el-menu i { color: #dfdddd; }

[data-theme="theme1"] .el-menu .el-menu-item:focus, [data-theme="theme1"] .el-menu .el-menu-item:hover, [data-theme="theme1"] .el-menu .el-menu-item:hover i { background-color: #1f2d3d; }

[data-theme="theme2"] .el-menu .el-menu-item:focus, [data-theme="theme2"] .el-menu .el-menu-item:hover, [data-theme="theme2"] .el-menu .el-menu-item:hover i { background-color: #c5b907; }

[data-theme="theme3"] .el-menu .el-menu-item:focus, [data-theme="theme3"] .el-menu .el-menu-item:hover, [data-theme="theme3"] .el-menu .el-menu-item:hover i { background-color: #030e61; }

[data-theme="theme4"] .el-menu .el-menu-item:focus, [data-theme="theme4"] .el-menu .el-menu-item:hover, [data-theme="theme4"] .el-menu .el-menu-item:hover i { background-color: #863803; }

[data-theme="theme1"] .el-menu .el-menu-item:focus, [data-theme="theme1"] .el-menu .el-menu-item:hover, [data-theme="theme1"] .el-menu .el-menu-item:hover i { color: #409EFF; }

[data-theme="theme2"] .el-menu .el-menu-item:focus, [data-theme="theme2"] .el-menu .el-menu-item:hover, [data-theme="theme2"] .el-menu .el-menu-item:hover i { color: #423d04; }

[data-theme="theme3"] .el-menu .el-menu-item:focus, [data-theme="theme3"] .el-menu .el-menu-item:hover, [data-theme="theme3"] .el-menu .el-menu-item:hover i { color: #fff; }

[data-theme="theme4"] .el-menu .el-menu-item:focus, [data-theme="theme4"] .el-menu .el-menu-item:hover, [data-theme="theme4"] .el-menu .el-menu-item:hover i { color: #fff; }

[data-theme="theme1"] .el-menu .el-submenu__title:hover { background-color: #263445; }

[data-theme="theme2"] .el-menu .el-submenu__title:hover { background-color: #dfd110; }

[data-theme="theme3"] .el-menu .el-submenu__title:hover { background-color: #0721e6; }

[data-theme="theme4"] .el-menu .el-submenu__title:hover { background-color: #f86706; }

[data-theme="theme1"] .el-menu .el-submenu__title:hover { color: #409EFF; }

[data-theme="theme2"] .el-menu .el-submenu__title:hover { color: #423d04; }

[data-theme="theme3"] .el-menu .el-submenu__title:hover { color: #fff; }

[data-theme="theme4"] .el-menu .el-submenu__title:hover { color: #fff; }

[data-theme="theme1"] .el-menu .el-menu { background-color: #1f2d3d; }

[data-theme="theme2"] .el-menu .el-menu { background-color: #c5b907; }

[data-theme="theme3"] .el-menu .el-menu { background-color: #030e61; }

[data-theme="theme4"] .el-menu .el-menu { background-color: #863803; }

.el-menu .el-menu .svg-icon { width: 1.2em; height: 1.2em; }

[data-theme="theme1"] .el-menu .el-menu-item:hover i, [data-theme="theme1"] .el-menu .is-active i { color: #409EFF; }

[data-theme="theme2"] .el-menu .el-menu-item:hover i, [data-theme="theme2"] .el-menu .is-active i { color: #423d04; }

[data-theme="theme3"] .el-menu .el-menu-item:hover i, [data-theme="theme3"] .el-menu .is-active i { color: #fff; }

[data-theme="theme4"] .el-menu .el-menu-item:hover i, [data-theme="theme4"] .el-menu .is-active i { color: #fff; }

[data-theme="theme1"] .el-menu .el-menu-item:hover, [data-theme="theme1"] .el-menu .is-active { color: #409EFF; }

[data-theme="theme2"] .el-menu .el-menu-item:hover, [data-theme="theme2"] .el-menu .is-active { color: #423d04; }

[data-theme="theme3"] .el-menu .el-menu-item:hover, [data-theme="theme3"] .el-menu .is-active { color: #fff; }

[data-theme="theme4"] .el-menu .el-menu-item:hover, [data-theme="theme4"] .el-menu .is-active { color: #fff; }

[data-theme="theme1"] .el-menu .el-menu-item:hover, [data-theme="theme1"] .el-menu .is-active { background-color: #001528; }

[data-theme="theme2"] .el-menu .el-menu-item:hover, [data-theme="theme2"] .el-menu .is-active { background-color: #dfd110; }

[data-theme="theme3"] .el-menu .el-menu-item:hover, [data-theme="theme3"] .el-menu .is-active { background-color: #0721e6; }

[data-theme="theme4"] .el-menu .el-menu-item:hover, [data-theme="theme4"] .el-menu .is-active { background-color: #f86706; }

.el-header { height: auto !important; border-bottom: 1px solid #eee; padding: 0 !important; margin: 0 20px; }

.el-header .hamburger { font-size: 30px; padding-top: 10px; }

[data-theme="theme1"] .el-header .hamburger { color: #304156; }

[data-theme="theme2"] .el-header .hamburger { color: #c5b907; }

[data-theme="theme3"] .el-header .hamburger { color: #030e61; }

[data-theme="theme4"] .el-header .hamburger { color: #863803; }

body ::-webkit-scrollbar { width: 6px; height: 6px; border-radius: 3px; }

[data-theme="theme1"] body ::-webkit-scrollbar { background-color: #dfdddd; }

[data-theme="theme2"] body ::-webkit-scrollbar { background-color: #dfdddd; }

[data-theme="theme3"] body ::-webkit-scrollbar { background-color: #dfdddd; }

[data-theme="theme4"] body ::-webkit-scrollbar { background-color: #dfdddd; }

body ::-webkit-scrollbar-button { width: 0; height: 0; }

body ::-webkit-scrollbar-corner { display: block; }

body ::-webkit-scrollbar-thumb { background-clip: padding-box; border-radius: 3px; }

[data-theme="theme1"] body ::-webkit-scrollbar-thumb { background-color: #1f2d3d; }

[data-theme="theme2"] body ::-webkit-scrollbar-thumb { background-color: #c5b907; }

[data-theme="theme3"] body ::-webkit-scrollbar-thumb { background-color: #030e61; }

[data-theme="theme4"] body ::-webkit-scrollbar-thumb { background-color: #863803; }
